@CHARSET "UTF-8";

	body {
		background: #f3f5f7;		
	}
	
	img {
		width: 60px;
		height: 60px;			
	}
	
	#content {
		min-height: 40rem;
		padding-bottom: 5rem;
			padding-top: 30px;
	    background: #fff;	    
	}
	
	.contentInfo {
		padding: 20px 30px;
		background: #fff;
		display: flex;
		flex-direction: row;
		    flex-wrap: wrap;
		/* justify-content: center;
		align-items: center; */ 	
	} 
	
	.content-center {
		width:9.38rem;
		height: 13.14rem;
		margin-right: 1.25rem;		
	}

	
	.block {
		position: relative;
		
		    margin-right: 20px;
		     margin-bottom: 20px;
		
		text-align: left;		
		
		max-width:250px;
		width: 31%;
		height: 120px;
		border-radius: 4px;		
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background: #FFFFFF;
border: 1px solid #F4F4F4;
box-shadow: 0 5px 15px 0 rgba(78,42,27,0.10);
border-radius: 3px;
	}
	
	.block:nth-child(3n) {
		margin-right:0;		
	} 
	
	.img {
	 margin-left: 20px;
	  margin-right: 10px;
		
	}
	

    .block .authIcon img {
    width: 14px;
    height: 14px;
    position: relative;
    top: -11px;
}
	.phoneShow {
		position: absolute;
		right:0 ;
	    bottom: 0;	    
	}
	
	.phoneShow .icon {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../../libs/images/seleted.png) no-repeat;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-size: 100%;
		display: none;		
	}
	
	.phoneShow .icon.seleted {
		display: inline-block		
	}
	
	.title {
	margin-bottom: 10px;
	font-size: 16px;
color: #333333;
text-align: left;
font-weight: 600;
	
	}
	
	.titleseleted {
		border-bottom: 0.1rem solid #2fbeb9;
		padding-bottom: 5px;	
	}
	
	.title1 {
		width: 60%;
	}
	
	.title2 {
		width: 90%;	
	}
	
.authIcon{
	width: 0px;
    height: 0px;
    border-top: 16px solid  #5C5C5C;
    border-right: 16px solid  #5C5C5C;
    border-bottom: 16px solid transparent;
    border-left: 16px solid transparent;
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
	
	/* 成功 */
	.authentication-success {
	
font-size: 14px;
color: #D93534;
font-weight: 400;
	}
	.authIcon-success{
	
   border-top: 16px solid #D93534;
    border-right: 16px solid #D93534;

}
	
	
	/* 失败 */
	.authentication-failure {
	font-size: 14px;
color: #828282;
text-align: left;
font-weight: 400;
	}
		.authIcon-failure{

    border-top: 16px solid #C5C5C5;
    border-right: 16px solid #C5C5C5;
  
 
 
}
	
	/* 认证中 */
	.authentication-ing {
		background: #2FBEB9;
		border-radius: 0.84rem;
		margin-top:0.81rem;
		margin-left:2.5rem; 
		font-size: 0.75rem;
		color: #FFF;
		width: 4.58rem;
		height: 1.70rem;
		text-align: center;	
	}
			.authIcon-ing{

    border-top: 16px solid #3F8DFD;
    border-right: 16px solid #3F8DFD;
  
 
 
}
	
		.authWord {
		
	margin-left: 30px;
	padding-left: 30px;

			
		font-size: 17px;
    color: #262626;
    border-left: 5px solid #D93534;
	}
	
	.gray {
		-webkit-filter: grayscale(1); /* Webkit */
		filter: gray; /* IE6-9 */
		filter: grayscale(1); /* W3C */	
	}


@media screen and (min-width:241px) and (max-width:601px)  {
	body {
		background: #f3f5f7;	
	}
	
	#content{
		min-height: 40rem;
		padding-bottom: 5rem;
		padding-top: 30px;
	    background: #fff;   
	}
	
	
	 
	 

	
	
	.titleseleted {
		border-bottom: 0.1rem solid #2fbeb9;
		padding-bottom: 5px;	
	}
	

	
	.gray {
		-webkit-filter: grayscale(1); /* Webkit */
		filter: gray; /* IE6-9 */
		filter: grayscale(1); /* W3C */	
	}
	
	html {
		font-size: 15px	
	}
	
	.contentInfo {
		padding: 0;	
		margin-top: 20px;
		    margin-bottom: 30px;
	}
	.block{
	width:90%;
	margin: 10px 5%;
	max-width: inherit;  
	}
	.block:nth-child(3n) {
		margin-right:auto;		
	} 
	.authWord {
	margin-left: 5%;
	padding-left: 20px;
	}
	
}